<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ProgramChose</title>
	<link href="../../webjar/bootstrap/3.3.7-1/css/bootstrap.min.css" rel="stylesheet">
	<link href="../../webjar/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
	<link href="../../webjar/css/mystyle.css" rel="stylesheet">
	
	<script src="../../webjar/jquery/3.1.1/jquery.min.js"></script>
    <script src="../../webjar/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>
    <script src="../../webjar/bootstrap-table/bootstrap-table.min.js"></script>
</head>
<body>
	<form class="form-horizontal" role="form" style="padding:15px;">
		<div class="form-group" style="margin-bottom:5px;">
	        <div class="col-xs-9">
	            <input type="text" class="form-control" id="txtProCondition" placeholder="多条件请已空格分开">
	        </div>
	        <div class="col-xs-3">
	        	<button type="button" id="ProSearch" class="btn btn-custom" style="width:100%;">搜索</button>
	        </div>
		</div>
		<div class="form-group" style="padding:15px">
			<div class="bootstrap-table table">
				<div class="table-responsive">
					<table id="ProTable" data-toggle="table" data-click-to-select="true" data-striped="true" data-height="150" data-row-style="rowStyle" data-cell-style="cellStyle" data-unique-id="id">
						<thead>
							<tr>
                    			<th data-field="state" data-radio="true"></th>
                            	<th data-field="id" data-visible="false"></th>
                            	<th data-field="code">代码</th>
                            	<th data-field="name">名称</th>
                            	<th data-field="version">版本</th>
                    		</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
        <div class="form-group" style = "margin-bottom: 0px">
	        <div class="col-xs-6 col-xs-offset-1" style="text-align: right">
	            <button type="button" id="ProConfirm" class="btn btn-info">确定</button>
	        </div>
	    </div>
	</form>
</body>
</html>